@each $num in 0, 1, 2, 3, 4, 5, 6, 7, 8 {
  .m-#{$num} {
    margin: $num * 0.25rem !important;
  }
  .mx-#{$num} {
    margin-left: $num * 0.25rem !important;
    margin-right: $num * 0.25rem !important;
  }
  .my-#{$num} {
    margin-top: $num * 0.25rem !important;
    margin-bottom: $num * 0.25rem !important;
  }
  .mt-#{$num} {
    margin-top: $num * 0.25rem !important;
  }
  .mb-#{$num} {
    margin-bottom: $num * 0.25rem !important;
  }
  .ml-#{$num} {
    margin-left: $num * 0.25rem !important;
  }
  .mr-#{$num} {
    margin-right: $num * 0.25rem !important;
  }
  .p-#{$num} {
    padding: $num * 0.25rem !important;
  }
  .px-#{$num} {
    padding-left: $num * 0.25rem !important;
    padding-right: $num * 0.25rem !important;
  }
  .py-#{$num} {
    padding-top: $num * 0.25rem !important;
    padding-bottom: $num * 0.25rem !important;
  }
  .pt-#{$num} {
    padding-top: $num * 0.25rem !important;
  }
  .pb-#{$num} {
    padding-bottom: $num * 0.25rem !important;
  }
  .pl-#{$num} {
    padding-left: $num * 0.25rem !important;
  }
  .pr-#{$num} {
    padding-right: $num * 0.25rem !important;
  }
}
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: #2c2c2c;
}

h5,
.h5 {
  font-size: 15.96px;
}

.text-lg {
  font-size: 1.125rem !important;
}

.w-4 {
  width: 1rem !important;
}

.h-4 {
  height: 1rem !important;
}

.bg-success {
  background: #67c23a;
}

.bg-primary {
  background: #409EFF;
}

.bg-warning {
  background: #e6a23c;
}

.bg-danger {
  background: #f56c6c;
}

.success {
  color: #67c23a;
}

.primary {
  color: #409EFF;
}

.warning {
  color: #e6a23c;
}

.danger {
  color: #f56c6c;
}


.border-2 {
  border-width: 2px !important;
}

.border-solid {
  border-style: solid !important;
}

.border-white {
  border-color: #ffffff !important;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.b-r {
  border-right: 1px solid rgb(235, 238, 245);
}

.float-right {
  float: right !important;
}

.wrapper {
  padding: 5px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.block-center {
  position: relative;
  left: 50%;
  width: 50%;
  margin-left: -25%;
}

.relative {
  position: relative;
}

.rounded-full {
  border-radius: 9999px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.b-b {
  border-bottom: 1px solid rgb(235, 238, 245);
}
.text-center {
  text-align: center;
}
.right {
  float: right !important;
}
.left {
  float: left !important;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both
}
.hidden {
  overflow: hidden;
}
